.title-group {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.title-group > div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.title-group .title {
    left: -100%;
    padding-left: 40px;
}

.title-group .title h2,
.title-group .title h3 {
    padding: 0 20px;
    margin-right: 60px;
    background-color: white;
    font-family: 'Josefin Sans';
    font-weight: normal;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--color-IV);
}

.title-group .background hr {
    width: 100%;
    height: 0px;
    border: 1px solid var(--color-IV);
}